<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="/favicon.ico" >
<link rel="Shortcut Icon" href="/favicon.ico" />
<!--[if lt IE 9]>
<script type="text/javascript" src="/admin/lib/html5shiv.js"></script>
<script type="text/javascript" src="/admin/lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="/admin/static/h-ui/css/H-ui.css" />
<link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="/admin/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/css/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="/admin/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<!--/meta 作为公共模版分离出去-->

<title>角色修改</title>
</head>
<body>
<article class="page-container">
	<form action="" method="post" class="form form-horizontal" id="form" autocomplete="off" >
        {{ csrf_form_field() }}
		<div class="row cl">
			<label class="form-label col-sm-3"><span class="c-red">*</span>角色名称：</label>
			<div class="formControls col-sm-9">
            <input type="text" class="input-text" value="{{ $role_info->role_name }}" placeholder="" id="role_name" name="role_name">
			</div>
        </div>

		<div class="row cl">
			<label class="form-label col-sm-3">备注：</label>
			<div class="formControls col-sm-9">
				<input type="text" class="input-text" value="{{ $role_info->remark }}" placeholder="" id="remark" name="remark">
			</div>
        </div>

		<div class="row cl">
			<label class="form-label col-sm-3">拥有权限：</label>
			<div class="formControls col-sm-9">
                @foreach ($auth_infoA as $v)
                    <dl class="permission-list">
                        <dt>
                            <label>
                                <input type="checkbox" value="{{ $v->id }}" name="auth_id[]"  @if(in_array($v -> id,$have_auth_ids)) checked="checked" @endif>
                                {{ $v->auth_name }}</label>
                        </dt>

                        <dd>
                            @foreach ($auth_infoB as $vv)
                                @if ($vv->pid === $v->id)
                                <dl class="cl permission-list2">
                                    <dt>
                                        <label class="">
                                            <input type="checkbox" value="{{ $vv->id }}" name="auth_id[]"  @if(in_array($vv -> id,$have_auth_ids)) checked="checked" @endif>
                                            <span class="label label-default radius">{{ $vv->auth_name }}</span></label>
                                    </dt>

                                    <dd>
                                        @foreach ($auth_infoC as $vvv)
                                        @if ($vvv->pid === $vv->id)
                                            <label class="">
                                                <input type="checkbox" value="{{ $vvv->id }}" name="auth_id[]"  @if(in_array($vvv -> id,$have_auth_ids)) checked="checked" @endif>
                                                <span style="font-size: 11.844px;">{{ $vvv->auth_name }}</span></label>
                                        @endif
                                        @endforeach
                                    </dd>
                                </dl>
                                @endif
                            @endforeach
                        </dd>
                    </dl>
                @endforeach
			</div>
		</div>

        @csrf

        <div class="row cl pt-20">
            <div class="col-sm-9 col-sm-offset-3">
                <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
                <input class="btn btn-danger radius ml-15" type="button" value="&nbsp;&nbsp;取消&nbsp;&nbsp;" onclick="layer_close();">
            </div>
        </div>
	</form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/admin/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/admin/lib/layer/3.1.1/layer.js"></script>
<script type="text/javascript" src="/admin/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/admin/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">
$(function(){
	/* //一级权限的点击事件
	$(".permission-list > dt input:checkbox").click(function(){
		$(this).closest("dl").find("dd input:checkbox").prop("checked",$(this).prop("checked"));
	});*/
	//二级权限的点击事件
	$(".permission-list2 > dt input:checkbox").click(function(){
		// alert('二级权限的点击事件');
		$(this).closest("dl").find("dd input:checkbox").prop("checked",$(this).prop("checked"));
		if($(this).prop("checked")){
			$(this).parents(".permission-list").children("dt").find("input:checkbox").prop("checked",$(this).prop("checked"));
		}else{
			var l =$(this).closest("dd").find("dt input:checked").length;
			if(l==0){
				$(this).parents(".permission-list").children("dt").find("input:checkbox").prop("checked",false);
			}
		}
	});
	/*//三级权限的点击事件
	$(".permission-list2 dd input:checkbox").click(function(){
		if($(this).prop("checked")){
			$(this).closest("dl").find("dt input:checkbox").prop("checked",true);
			$(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",true);
		}
	}); */
	/////////////
    var index2;

	$("#form").validate({
        rules:{
            role_name:{
                required:true,
                notSpace:true,
                maxlength:20
            },
        },
        // onkeyup:false,
        // focusCleanup:false,
        success:"valid",
        submitHandler:function(form){
            $(form).ajaxSubmit({
                type: 'post',
                url: "",//自己提交给自己可以不写url
                beforeSend : function () {
                    //0.4透明度 白色遮罩
                    index2 = layer.load(2,{ shade: [0.3,'#fff'] });
                },
                complete : function () {
                    layer.close(index2);
                },
                success: function(data) {
                    //判断修改结果
                    if(data === '1'){
                        parent.table_reload(0);//0停留在当前页，1回到第一页
                        parent.layer.msg('修改成功!', { icon: 1, time:2000 });
                    }else{
                        parent.layer.msg('您未做任何修改!', { icon: 6, time: 2000 });
                    }
                    layer_close();
                },
                error: function(data) {
                    ajax_error(data);
                }
            });
        }
	});
});
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>
